<template>
  <div class="blog-post">
    <h4>{{ title }}</h4>
    <button @click="$emit('enlargeText')">Enlarge text</button>
  </div>
</template>
<script lang="ts">
import { defineComponent } from "vue";

export default defineComponent({
  name: "blog-post",
  compnents: {},
  emits: ["enlargeText"],
  props: {
    title: {
      type: String,
      required: true,
    },
  },

  setup() {},
});
</script>
<style lang="scss" scoped>
</style>